<template>
  <div class="section_16 flex-row">
    <div class="group_4 flex-col">
      <div class="section_17 flex-col"></div>
    </div>
    <img
      class="icon_1"
      referrerpolicy="no-referrer"
      src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng67c0d6e4226046688d438eefdd8c3d6a0c838553ec513c556c1435c14fc6a736"
    />
    <img
      class="icon_2"
      referrerpolicy="no-referrer"
      src="https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/f05b3f54ab6d4562a8ba136902e4402d_mergeImage.png"
    />
    <img
      class="icon_3"
      referrerpolicy="no-referrer"
      src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9e08eed5814960e44affd413495111fcf842e4bbd050378bd7956cd839f9ae19"
    />
  </div>
</template>
<script setup>
import { useRouter } from 'vue-router'
const router = useRouter()
function goToMine() {
  router.push('/mine')
}
</script>
<style lang="less" scoped>
@import "@styles/common.less";

.section_16 {
  margin: 17px 18px 0 16px;
  .group_4 {
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge15a9d47bbcc3635f0d8deb26baf713c6b857d95cd3374eef2d053d00f899bb5)
      100% no-repeat;
      background-repeat: no-repeat;
      background-size: 100% 100%;
    background-size: 100% 100%;
    .section_17 {
      background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/f28c3b961fb94d8fb592415ae0dfafb8_mergeImage.png);
      border-radius: 4px;
      width: 30px;
      height: 30px;
    }
  }
  .icon_1 {
    width: 24px;
    height: 24px;
    margin: 3px 0 3px 209px;
  }
  .icon_2 {
    width: 20px;
    height: 19px;
    margin: 5px 0 6px 18px;
  }
  .icon_3 {
    width: 20px;
    height: 18px;
    margin: 6px 0 6px 20px;
  }
}
</style>
